<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		@my: {
			width: 200px;
			height: 300px;
			border: 1px solid yellow;
		}
		// 使用（）可以不被编译输出
		.my() {
			width: 200px;
			height: 300px;
			border: 1px solid yellow;
		}
		
		.app {
			.one {
				@my();
				color: red;
			}
			
			.two {
				// .my;
				.my();
				color: green;
			}
		}
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
<div class="app">
	<div class="one">女生不要觉得长的好看就不好好读书，男生不要以为读书好就可以长的难看！</div>
	<div class="two">石家庄正宗安徽牛肉板面！</div>
</div>
</body>
</html>